<!DOCTYPE html>
<html lang="en">
<head>
<title>List</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
<link rel="shortcut icon" href="images/favicon/favicon.png">
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="css/faqstyle.css" type="text/css" media="all" />
<link href="css/medile.css" rel='stylesheet' type='text/css' />
<link href="css/single.css" rel='stylesheet' type='text/css' />
<link rel="stylesheet" href="css/contactstyle.css" type="text/css" media="all" />
<link rel="stylesheet" href="news-css/news.css" type="text/css" media="all" />
<link rel="stylesheet" href="list-css/list.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/font-awesome.min.css" />
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script>
<link rel="stylesheet" type="text/css" href="list-css/table-style.css" />
<link rel="stylesheet" type="text/css" href="list-css/basictable.css" />
<script type="text/javascript" src="list-js/jquery.basictable.min.js"></script>
 <script type="text/javascript">
    $(document).ready(function() {
      $('#table').basictable();

      $('#table-breakpoint').basictable({
        breakpoint: 768
      });
	   $('#table-breakpoint1').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint2').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint3').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint4').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint5').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint6').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint7').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint8').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint9').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint10').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint11').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint12').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint13').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint14').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint15').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint16').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint17').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint18').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint19').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint20').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint21').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint22').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint23').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint24').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint25').basictable({
        breakpoint: 768
      });
	  $('#table-breakpoint26').basictable({
        breakpoint: 768
      });
    });
  </script>
</head>

<body>
	<div class="header">
		<div class="container">
			<div class="w3layouts_logo">
				<a href="index.html"><h1>Tea<span>天马茗茶</span></h1></a>
			</div>
			<div class="w3_search">
				<form action="#" method="post">
					<input type="text" name="Search" placeholder="请输入茶叶名" required="">
					<input type="submit" value="搜索">
				</form>
			</div>
			<div class="w3l_sign_in_register">
				<ul>
					<li><i class="fa fa-phone" aria-hidden="true"></i> (+86) 155 2561 7020</li>
					<li><a href="#" data-toggle="modal" data-target="#myModal">登录</a></li>
					<li style="line-height:30px;color:#FF8D1B;" id="scar"><img src="images/shopCAR.png" alt="" style="width:30px">  购物车</li>
					<div class="shopCar" style="width:90%;height:80%;background:#fff;position:fixed;top:100px;left:5%;z-index:999;display:none;border:5px solid #FF8D1B;box-shadow:0 0 15px 5px #ccc; border-radius:8px;">
						<div style="height:6%;text-align:center;background:#FF8D1B;color:#fff;font-size:24px;line-height:30px">
							购物车
							<button type="button" class="close" id="close"><img src="./images/close.png" alt="" style="width:30px"></button>
						</div>
						<div class="" style="height:94%" >
							<iframe src="./shopping-cart.html" width="100%" height="100%" style="border:none">
							</iframe>
						</div>
					</div>
					<script type="text/javascript">
						$("#scar").click(function(){
							$(".shopCar").css({display:"block"})
						})
						$("#close").click(function(){
							$(".shopCar").css({display:"none"})
						})
					</script>
				</ul>
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
	<div class="modal video-modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModal">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					登录 & 注册
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				</div>
				<section>
					<div class="modal-body">
						<div class="w3_login_module">
							<div class="module form-module">
							  <div class="toggle"><i class="fa fa-times fa-pencil"></i>
								<div class="tooltip">立即注册</div>
							  </div>
							  <div class="form">
								<h3>填写用户名和密码</h3>
								<form action="#" method="get">
								  <input type="text" name="Username" placeholder="用户名或手机号" required="" id="txtName">
								  <input type="password" name="Password" placeholder="密码" required="" id="passNum">
								</form>
									<button type="button" name="button" onclick="logi()">登录</button>
							  </div>
								<script type="text/javascript">
										var count = 0;
										function logi(){
											var txtName = document.getElementById("txtName").value;
											var passNum = document.getElementById("passNum").value;
											var data = JSON.parse(localStorage.getItem('logList'));
											data.shift();
											console.log(data);
											for(var i in data){
												if(data[i].name == txtName){
													if(data[i].password == passNum){
														alert("恭喜您登陆成功");
														window.location.href="index.html"
													}else{
														 count = count + 1;
														 console.log(count);
														 alert("对不起密码错误"+count+"次\n\n\n\n注意！！3次输入错误的密码将会永远的注销您的账户，您将需要重新注册或者申诉找回密码")
														 if(count == 3){
															 data.splice(i, 1);
															 data.unshift(null);
															 localStorage.setItem('logList',JSON.stringify(data));
															  alert("对不起,您永远的失去了我");
														 }
													}
												}
											}

										}
								</script>
							  <div class="form">
								<h3>注册相关信息</h3>
								<form method="get" >
								  <input type="text" name="Username" onfocus="onf1()" onblur="onb1()" id="yh" placeholder="用户名" required=""><span id="sp1"></span>
								  <input type="password" name="Password" onfocus="onf2()" onblur="onb2()" id="mm" placeholder="密码" required="">
									<span id="sp2"></span>
									<input type="password" name="Password" onfocus="onf3()" onblur="onb3()" id="mm1" placeholder="确认密码" required="">
									<span id="sp3"></span>
								  <input type="text" name="Email" onfocus="onf4()" onblur="onb4()" id="emil" placeholder="邮箱" required="">
									<span id="sp4"></span>
								  <input type="text" name="Phone" onfocus="onf5()" onblur="onb5()" id="tel" placeholder="电话号码" required="">
									<span id="sp5"></span>
								</form>
								<button onclick="onnb()">提交</button>
							  </div>
								<script type="text/javascript">
								$(".form span").css({
									fontSize:"11px",
									color:"blue"
								})
								function onf1(){
											document.getElementById('sp1').innerHTML = '用户名必须是4到10位的字母下划线数字，首字母不能是数字';
								}
								function onf2(){
											document.getElementById('sp2').innerHTML = '密码必须是6到15位的字母下划线数字';
								}
								function onf3(){
											document.getElementById('sp3').innerHTML = '要求和上面一样';
								}
								function onf4(){
											document.getElementById('sp4').innerHTML = '要求合法的emil地址';
								}
								function onf5(){
											document.getElementById('sp5').innerHTML = '填写11位的电话号码';
								}

								function onb1(){
									var yhm = /^[a-zA-Z_]\w{3,9}$/;
									var yh = document.getElementById('yh').value;
									var v = yhm.test(yh);
									var data = JSON.parse(localStorage.getItem('logList'));
									data.shift();
									var fleg = true;
									for(var i in data){
										if(data[i].name == yh){
											fleg = false
											console.log(fleg);
										}
									}
									if(v == true){
										if(fleg == true){
											document.getElementById('sp1').innerHTML = '★正确';
										}else {
											document.getElementById('sp1').innerHTML = '☆该用户已经被注册';
											return false;
										}
									}else{
										document.getElementById('sp1').innerHTML = '☆不符合要求';
										return false;
									}
								}
								function onb2(){
									var yhmm = /^\w{6,15}$/;
									var mm = document.getElementById('mm').value;
									var v = yhmm.test(mm);
									if(v == true){
										document.getElementById('sp2').innerHTML = '★正确';
									}else{
										document.getElementById('sp2').innerHTML = '☆不符合要求';
										return false;
									}
								}
								function onb3(){
									var mm = document.getElementById('mm').value;
									var mm1 = document.getElementById('mm1').value;

									if(mm == mm1){
										document.getElementById('sp3').innerHTML = '★正确';
									}else{
										document.getElementById('sp3').innerHTML = '☆不符合要求';
										return false;
									}
								}

								function onb4(){
									var dzyj = /^\w+@\w+\.(com|cn|net|com.cn|edu|gov)$/i;
									var emil = document.getElementById('emil').value;
									var v = dzyj.test(emil);
									if(v == true){
										document.getElementById('sp4').innerHTML = '★正确';
									}else{
										document.getElementById('sp4').innerHTML = '☆不符合要求';
										return false;
									}
								}

								function onb5(){
									var nlyz = /^13[0-9]{9}$/;
									var nl = document.getElementById('tel').value;
									var v = nlyz.test(nl);
									if(v == true){
										document.getElementById('sp5').innerHTML = '★正确';
									}else{
										document.getElementById('sp5').innerHTML = '☆不符合要求';
										return false;
									}
								}
								function onnb(){
									if(onb1() == false || onb2() == false || onb3() == false || onb4() == false || onb5() == false){
										alert("aaaaa")
										// localStorage.clear('logList');

									}else{
										var userName = document.getElementById("yh").value;
										var pwd = document.getElementById("mm").value;
										var pwd1 = document.getElementById("mm1").value;
										var email = document.getElementById('emil').value;
										var tel = document.getElementById('tel').value;
										var arr = [];
										arr = arr.concat(JSON.parse(localStorage.getItem('logList')))
										//alert(userName + "---"+pwd+ "---"+pwd1+ "---"+email+ "---"+tel)
										var obj = {
											name : userName,
											password : pwd,
											email : email,
											telNum : tel
										}
										arr.push(obj);
									  localStorage.setItem('logList',JSON.stringify(arr));
										console.log(JSON.parse(localStorage.getItem('logList')));
										alert("恭喜您成为天马茗茶的第"+(arr.length-1)+"个用户"+"\n"+"您的用户名是"+obj.name+"\n"+"您的密码是："+obj.password+"\n"+"请牢记您的密码，登录中超过3次输入不正确将会彻底注销您的用户"+"\n"+"\n"+"\n"+"\n"+"中北大学龚源CEO祝您生活愉快，阖家幸福")
									}
								}
								</script>
							  <div class="cta"><a href="#">忘记密码？</a></div>
							</div>
						</div>
					</div>
				</section>
			</div>
		</div>
	</div>
	<script>
		$('.toggle').click(function(){
		  $(this).children('i').toggleClass('fa-pencil');
		  $('.form').animate({
			height: "toggle",
			'padding-top': 'toggle',
			'padding-bottom': 'toggle',
			opacity: "toggle"
		  }, "slow");
		});
	</script>
	<div class="movies_nav">
		<div class="container">
			<nav class="navbar navbar-default">
				<div class="navbar-header navbar-left">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
						<span class="sr-only">点我</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
				</div>
				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
					<nav>
						<ul class="nav navbar-nav">
							<li class="active"><a href="index.html">首页</a></li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">品种<b class="caret"></b></a>
								<ul class="dropdown-menu multi-column columns-3">
									<li>
									<div class="col-sm-4">
										<ul class="multi-column-dropdown">
											<li><a href="genres.html">红茶</a></li>
											<li><a href="genres.html">绿茶</a></li>
											<li><a href="genres.html">茉莉花茶</a></li>
											<li><a href="genres.html">乌龙茶</a></li>
											<li><a href="horror.html">白茶</a></li>
											<li><a href="genres.html">黑茶</a></li>
											<li><a href="genres.html">黄茶</a></li>
											<li><a href="genres.html">花茶</a></li>
										</ul>
									</div>
									<div class="col-sm-4">
										<ul class="multi-column-dropdown">
											<li><a href="genres.html">铁观音</a></li>
											<li><a href="comedy.html">碧螺春</a></li>
											<li><a href="genres.html">大红袍</a></li>
											<li><a href="genres.html">金骏眉</a></li>
											<li><a href="genres.html">龙井</a></li>
										</ul>
									</div>
									<div class="col-sm-4">
										<ul class="multi-column-dropdown">
											<li><a href="genres.html">普洱茶</a></li>
											<li><a href="genres.html">蒙山黄芽</a></li>
											<li><a href="genres.html">白毫银针</a></li>
											<li><a href="genres.html">永春佛手</a></li>
											<li><a href="genres.html">贡眉</a></li>
											<li><a href="genres.html">茉莉花茶</a></li>
										</ul>
									</div>
									<div class="clearfix"></div>
									</li>
								</ul>
							</li>
							<li><a href="series.html">功夫茶</a></li>
							<li><a href="news.html">新闻</a></li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">茶具<b class="caret"></b></a>
								<ul class="dropdown-menu multi-column columns-3">
									<li>
										<div class="col-sm-4">
											<ul class="multi-column-dropdown">
												<li><a href="genres.html">陶瓷</a></li>
												<li><a href="genres.html">紫砂</a></li>
												<li><a href="genres.html">玻璃</a></li>
												<li><a href="genres.html">金属</a></li>
											</ul>
										</div>
										<div class="col-sm-4">
											<ul class="multi-column-dropdown">
												<li><a href="genres.html">金灶</a></li>
												<li><a href="genres.html">甲馨</a></li>
												<li><a href="genres.html">束氏</a></li>
												<li><a href="genres.html">尚言坊</a></li>
											</ul>
										</div>
										<div class="col-sm-4">
											<ul class="multi-column-dropdown">
												<li><a href="genres.html">茶壶</a></li>
												<li><a href="genres.html">茶杯</a></li>
												<li><a href="genres.html">茶勺</a></li>
												<li><a href="genres.html">架子</a></li>
											</ul>
										</div>
										<div class="clearfix"></div>
									</li>
								</ul>
							</li>
							<li><a href="list.html">总列表</a></li>
						</ul>
					</nav>
				</div>
			</nav>
		</div>
	</div>
<!-- //nav -->
<div class="general_social_icons">
	<nav class="social">
		<ul>
			<li class="w3_twitter"><a href="#"><img src="./images/aa1.png" alt="" width="40px"></a></li>
			<li class="w3_facebook"><a href="#"><img src="./images/aa2.png" alt="" width="40px"></a></li>
			<li class="w3_dribbble"><a href="#"><img src="./images/aa3.png" alt="" width="40px"></a></li>
		</ul>
  </nav>
</div>
<!-- faq-banner -->
	<div class="faq">
		<h4 class="latest-text w3_faq_latest_text w3_latest_text">茶叶总列表</h4>
			<div class="container">
				<div class="agileits-news-top">
					<ol class="breadcrumb">
					  <li><a href="index.html">首页</a></li>
					  <li class="active">总列表</li>
					</ol>
				</div>
				<div class="bs-example bs-example-tabs" role="tabpanel" data-example-id="togglable-tabs">
						<ul id="myTab" class="nav nav-tabs" role="tablist">
							<li role="presentation" class="active"><a href="#home" id="home-tab" role="tab" data-toggle="tab" aria-controls="home" aria-expanded="true">0 - 9</a></li>
							<li role="presentation"><a href="#a" role="tab" id="a-tab" data-toggle="tab" aria-controls="a">A</a></li>
							<li role="presentation"><a href="#b" role="tab" id="b-tab" data-toggle="tab" aria-controls="b">B</a></li>
							<li role="presentation"><a href="#c" role="tab" id="c-tab" data-toggle="tab" aria-controls="c">C</a></li>
							<li role="presentation"><a href="#d" role="tab" id="d-tab" data-toggle="tab" aria-controls="d">D</a></li>
							<li role="presentation"><a href="#e" role="tab" id="e-tab" data-toggle="tab" aria-controls="e">E</a></li>
							<li role="presentation"><a href="#f" role="tab" id="f-tab" data-toggle="tab" aria-controls="f">F</a></li>
							<li role="presentation"><a href="#g" role="tab" id="g-tab" data-toggle="tab" aria-controls="g">G</a></li>
							<li role="presentation"><a href="#h" role="tab" id="h-tab" data-toggle="tab" aria-controls="h">H</a></li>
							<li role="presentation"><a href="#i" role="tab" id="i-tab" data-toggle="tab" aria-controls="i">I</a></li>
							<li role="presentation"><a href="#j" role="tab" id="j-tab" data-toggle="tab" aria-controls="j">J</a></li>
							<li role="presentation"><a href="#k" role="tab" id="k-tab" data-toggle="tab" aria-controls="k">K</a></li>
							<li role="presentation"><a href="#l" role="tab" id="l-tab" data-toggle="tab" aria-controls="l">L</a></li>
							<li role="presentation"><a href="#m" role="tab" id="m-tab" data-toggle="tab" aria-controls="m">M</a></li>
							<li role="presentation"><a href="#n" role="tab" id="n-tab" data-toggle="tab" aria-controls="n">N</a></li>
							<li role="presentation"><a href="#o" role="tab" id="o-tab" data-toggle="tab" aria-controls="o">O</a></li>
							<li role="presentation"><a href="#p" role="tab" id="p-tab" data-toggle="tab" aria-controls="p">P</a></li>
							<li role="presentation"><a href="#q" role="tab" id="q-tab" data-toggle="tab" aria-controls="q">Q</a></li>
							<li role="presentation"><a href="#r" role="tab" id="r-tab" data-toggle="tab" aria-controls="r">R</a></li>
							<li role="presentation"><a href="#s" role="tab" id="s-tab" data-toggle="tab" aria-controls="s">S</a></li>
							<li role="presentation"><a href="#t" role="tab" id="t-tab" data-toggle="tab" aria-controls="t">T</a></li>
							<li role="presentation"><a href="#u" role="tab" id="u-tab" data-toggle="tab" aria-controls="u">U</a></li>
							<li role="presentation"><a href="#v" role="tab" id="v-tab" data-toggle="tab" aria-controls="v">V</a></li>
							<li role="presentation"><a href="#w" role="tab" id="w-tab" data-toggle="tab" aria-controls="w">W</a></li>
							<li role="presentation"><a href="#x" role="tab" id="x-tab" data-toggle="tab" aria-controls="x">X</a></li>
							<li role="presentation"><a href="#y" role="tab" id="y-tab" data-toggle="tab" aria-controls="y">Y</a></li>
							<li role="presentation"><a href="#z" role="tab" id="z-tab" data-toggle="tab" aria-controls="z">Z</a></li>
						</ul>
						<div id="myTabContent" class="tab-content">
							<div role="tabpanel" class="tab-pane fade in active" id="home" aria-labelledby="home-tab">
								<div class="agile-news-table">
									<div class="w3ls-news-result">
										<h4>茶叶总列表：<span>25</span></h4>
									</div>
									<table id="table-breakpoint">
										<thead>
										  <tr>
													<th>数字标号</th>
													<th>图片</th>
													<th>价格</th>
													<th>茶叶名字</th>
													<th>团购</th>
													<th>已卖出</th>
													<th>类型</th>
													<th>活动剩余天数</th>
										  </tr>
										</thead>
										<tbody id="tb1">
										  <tr>
												<td>1</td>
												<td class="w3-list-img"><a href="single.html"><img src="images/n1.jpg" alt="" /> <span>01 Ben-Hur</span></a></td>
												<td>2013</td>
												<td>HD</td>
												<td class="w3-list-info"><a href="genres.html">United Kingdom</a></td>
												<td class="w3-list-info"><a href="comedy.html">Comedy, Drama</a></td>
												<td>7.0</td>
										  </tr>

										</tbody>
										<script type="text/javascript">
												var data = [];
												$.get('./data/cha4.json',function(responseText,responseState,responseObj){
														console.log(responseText.data);
														data = responseText.data;
														var str = "";
														for(var i in data){
															var picurl = data[i].picurl;
															var status = data[i].status;
															var tuan_price = data[i].tuan_price;
															var title = data[i].title;
															var oprice = data[i].oprice;
															var join_number = data[i].join_number;
															var max = data[i].residue;
															str += `<tr>
																				<td>`+i+`</td>
																				<td class="w3-list-img"><a href="single.html"><img src=`+picurl+` alt="" /> <span>精品茶叶</span></a></td>
																				<td>`+oprice+`</td>
																				<td>`+title+`</td>
																				<td class="w3-list-info"><a href="genres.html">`+tuan_price+`</a></td>
																				<td class="w3-list-info"><a href="comedy.html">`+join_number+`</a></td>
																				<td>`+status+`</td>
																				<td>`+max+`</td>
																		  </tr>`
														}
														$("#tb1").html(str)

											  })
												// $.get('./data/cha5.json',function(responseText,responseState,responseObj){
												// 		console.log(responseText.data);
												// 		data = responseText.data;
											  // })

										</script>
									</table>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane fade" id="a" aria-labelledby="a-tab">
								<div class="agile-news-table">
									<div class="w3ls-news-result">
										<h4>查询A类<span>17</span></h4>
									</div>
									<table id="table-breakpoint1">
										<thead>
											<tr>
													<th>数字标号</th>
													<th>图片</th>
													<th>价格</th>
													<th>茶叶名字</th>
													<th>团购</th>
													<th>已卖出</th>
													<th>类型</th>
													<th>活动剩余天数</th>
										  </tr>
										</thead>
										<tbody  id="tb2">
										  <tr>
												<td>1</td>
												<td class="w3-list-img"><a href="single.html"><img src="images/n3.jpg" alt="" /> <span>2 Sausage Party</span></a></td>
												<td>2013</td>
												<td>HD</td>
												<td class="w3-list-info"><a href="genres.html">United Kingdom</a></td>
												<td class="w3-list-info"><a href="genres.html">Comedy, Drama</a></td>
												<td>7.0</td>
											  </tr>
										  <tr>

										</tbody>
										<script type="text/javascript">
												var data = [];
												$.get('./data/cha3.json',function(responseText,responseState,responseObj){
														console.log(responseText.data);
														data = responseText.data;
														var str = "";
														for(var i in data){
															var picurl = data[i].picurl;
															var status = data[i].status;
															var tuan_price = data[i].tuan_price;
															var title = data[i].title;
															var oprice = data[i].oprice;
															var join_number = data[i].join_number;
															var max = data[i].residue;
															str += `<tr>
																				<td>`+i+`</td>
																				<td class="w3-list-img"><a href="single.html"><img src=`+picurl+` alt="" /> <span>精品茶叶</span></a></td>
																				<td>`+oprice+`</td>
																				<td>`+title+`</td>
																				<td class="w3-list-info"><a href="genres.html">`+tuan_price+`</a></td>
																				<td class="w3-list-info"><a href="comedy.html">`+join_number+`</a></td>
																				<td>`+status+`</td>
																				<td>`+max+`</td>
																			</tr>`
														}
														$("#tb2").html(str)

												})
												// $.get('./data/cha5.json',function(responseText,responseState,responseObj){
												// 		console.log(responseText.data);
												// 		data = responseText.data;
												// })

										</script>
									</table>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane fade" id="b" aria-labelledby="b-tab">
								<div class="agile-news-table">
									<div class="w3ls-news-result">
										<h4>查询B类<span>12</span></h4>
									</div>
									<table id="table-breakpoint2">
										<thead>
											<tr>
													<th>数字标号</th>
													<th>图片</th>
													<th>价格</th>
													<th>茶叶名字</th>
													<th>团购</th>
													<th>已卖出</th>
													<th>类型</th>
													<th>活动剩余天数</th>
										  </tr>
										</thead>
										<tbody id="tb3">
										  <tr>
											<td>1</td>
											<td class="w3-list-img"><a href="single.html"><img src="" alt="" /> <span>01 Ben-Hur</span></a></td>
											<td>2013</td>
											<td>HD</td>
											<td class="w3-list-info"><a href="genres.html">United Kingdom</a></td>
											<td class="w3-list-info"><a href="genres.html">Comedy, Drama</a></td>
											<td>7.0</td>
										  </tr>

										</tbody>
										<script type="text/javascript">
												var data = [];
												$.get('./data/cha5.json',function(responseText,responseState,responseObj){
														console.log(responseText.data);
														data = responseText.data;
														var str = "";
														for(var i in data){
															var picurl = data[i].picurl;
															var status = data[i].status;
															var tuan_price = data[i].tuan_price;
															var title = data[i].title;
															var oprice = data[i].oprice;
															var join_number = data[i].join_number;
															var max = data[i].residue;
															str += `<tr>
																				<td>`+i+`</td>
																				<td class="w3-list-img"><a href="single.html"><img src=`+picurl+` alt="" /> <span>精品茶叶</span></a></td>
																				<td>`+oprice+`</td>
																				<td>`+title+`</td>
																				<td class="w3-list-info"><a href="genres.html">`+tuan_price+`</a></td>
																				<td class="w3-list-info"><a href="comedy.html">`+join_number+`</a></td>
																				<td>`+status+`</td>
																				<td>`+max+`</td>
																			</tr>`
														}
														$("#tb3").html(str)

												})
												// $.get('./data/cha5.json',function(responseText,responseState,responseObj){
												// 		console.log(responseText.data);
												// 		data = responseText.data;
												// })

										</script>
									</table>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane fade" id="c" aria-labelledby="c-tab">
								<div class="agile-news-table">
									<div class="w3ls-news-result">
										<h4>查询C类<span>12</span></h4>
									</div>
									<table id="table-breakpoint3">
										<thead>
											<tr>
													<th>数字标号</th>
													<th>图片</th>
													<th>价格</th>
													<th>茶叶名字</th>
													<th>团购</th>
													<th>已卖出</th>
													<th>类型</th>
													<th>活动剩余天数</th>
										  </tr>
										</thead>
										<tbody id="tb4">
										  <tr>
											<td>1</td>
											<td class="w3-list-img"><a href="single.html"><img src="images/n10.jpg" alt="" /> <span>01 Independence Day</span></a></td>
											<td>2013</td>
											<td>HD</td>
											<td class="w3-list-info"><a href="genres.html">United Kingdom</a></td>
											<td class="w3-list-info"><a href="genres.html">Comedy, Drama</a></td>
											<td>7.0</td>
										  </tr>

										</tbody>
										<script type="text/javascript">
												var data = [];
												$.get('./data/cha6.json',function(responseText,responseState,responseObj){
														console.log(responseText.data);
														data = responseText.data;
														var str = "";
														for(var i in data){
															var picurl = data[i].picurl;
															var status = data[i].status;
															var tuan_price = data[i].tuan_price;
															var title = data[i].title;
															var oprice = data[i].oprice;
															var join_number = data[i].join_number;
															var max = data[i].residue;
															str += `<tr>
																				<td>`+i+`</td>
																				<td class="w3-list-img"><a href="single.html"><img src=`+picurl+` alt="" /> <span>精品茶叶</span></a></td>
																				<td>`+oprice+`</td>
																				<td>`+title+`</td>
																				<td class="w3-list-info"><a href="genres.html">`+tuan_price+`</a></td>
																				<td class="w3-list-info"><a href="comedy.html">`+join_number+`</a></td>
																				<td>`+status+`</td>
																				<td>`+max+`</td>
																			</tr>`
														}
														$("#tb4").html(str)

												})
										</script>
									</table>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane fade" id="d" aria-labelledby="d-tab">
								<div class="agile-news-table">
									<div class="w3ls-news-result">
										<h4>查询D类<span>12</span></h4>
									</div>
									<table id="table-breakpoint4">
										<thead>
											<tr>
													<th>数字标号</th>
													<th>图片</th>
													<th>价格</th>
													<th>茶叶名字</th>
													<th>团购</th>
													<th>已卖出</th>
													<th>类型</th>
													<th>活动剩余天数</th>
										  </tr>
										</thead>
										<tbody id="tb5">
										  <tr>
											<td>1</td>
											<td class="w3-list-img"><a href="single.html"><img src="" alt="" /> <span>12 Bad Moms</span></a></td>
											<td>2010</td>
											<td>SD</td>
											<td class="w3-list-info"><a href="genres.html">United Kingdom</a></td>
											<td class="w3-list-info"><a href="genres.html">Comedy</a></td>
											<td>6.5</td>
										  </tr>

										</tbody>
										<script type="text/javascript">
												var data = [];
												$.get('./data/cha7.json',function(responseText,responseState,responseObj){
														console.log(responseText.data);
														data = responseText.data;
														var str = "";
														for(var i in data){
															var picurl = data[i].picurl;
															var status = data[i].status;
															var tuan_price = data[i].tuan_price;
															var title = data[i].title;
															var oprice = data[i].oprice;
															var join_number = data[i].join_number;
															var max = data[i].residue;
															str += `<tr>
																				<td>`+i+`</td>
																				<td class="w3-list-img"><a href="single.html"><img src=`+picurl+` alt="" /> <span>精品茶叶</span></a></td>
																				<td>`+oprice+`</td>
																				<td>`+title+`</td>
																				<td class="w3-list-info"><a href="genres.html">`+tuan_price+`</a></td>
																				<td class="w3-list-info"><a href="comedy.html">`+join_number+`</a></td>
																				<td>`+status+`</td>
																				<td>`+max+`</td>
																			</tr>`
														}
														$("#tb5").html(str)

												})
										</script>
									</table>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane fade" id="e" aria-labelledby="e-tab">
								<div class="agile-news-table">
									<div class="w3ls-news-result">
										<h4>查询E类<span>12</span></h4>
									</div>
									<table id="table-breakpoint5">
										<thead>
											<tr>
													<th>数字标号</th>
													<th>图片</th>
													<th>价格</th>
													<th>茶叶名字</th>
													<th>团购</th>
													<th>已卖出</th>
													<th>类型</th>
													<th>活动剩余天数</th>
										  </tr>
										</thead>
										<tbody id = "tb6">
										  <tr>
											<td>1</td>
											<td class="w3-list-img"><a href="single.html"><img src="images/n1.jpg" alt="" /> <span>01 Ben-Hur</span></a></td>
											<td>2013</td>
											<td>HD</td>
											<td class="w3-list-info"><a href="genres.html">United Kingdom</a></td>
											<td class="w3-list-info"><a href="genres.html">Comedy, Drama</a></td>
											<td>7.0</td>
										  </tr>
										</tbody>
										<script type="text/javascript">
												var data = [];
												$.get('./data/cha8.json',function(responseText,responseState,responseObj){
														console.log(responseText.data);
														data = responseText.data;
														var str = "";
														for(var i in data){
															var picurl = data[i].picurl;
															var status = data[i].status;
															var tuan_price = data[i].tuan_price;
															var title = data[i].title;
															var oprice = data[i].oprice;
															var join_number = data[i].join_number;
															var max = data[i].residue;
															str += `<tr>
																				<td>`+i+`</td>
																				<td class="w3-list-img"><a href="single.html"><img src=`+picurl+` alt="" /> <span>精品茶叶</span></a></td>
																				<td>`+oprice+`</td>
																				<td>`+title+`</td>
																				<td class="w3-list-info"><a href="genres.html">`+tuan_price+`</a></td>
																				<td class="w3-list-info"><a href="comedy.html">`+join_number+`</a></td>
																				<td>`+status+`</td>
																				<td>`+max+`</td>
																			</tr>`
														}
														$("#tb6").html(str)

												})
										</script>
									</table>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane fade" id="f" aria-labelledby="f-tab">
								<div class="agile-news-table">
									<div class="w3ls-news-result">
										<h4>查询F类<span>12</span></h4>
									</div>
									<table id="table-breakpoint6">
										<thead>
											<tr>
													<th>数字标号</th>
													<th>图片</th>
													<th>价格</th>
													<th>茶叶名字</th>
													<th>团购</th>
													<th>已卖出</th>
													<th>类型</th>
													<th>活动剩余天数</th>
										  </tr>
										</thead>
										<tbody id="tb7">
										  <tr>
											<td>1</td>
											<td class="w3-list-img"><a href="single.html"><img src="images/n6.jpg" alt="" /> <span>001 The Secret Life of Pets</span></a></td>
											<td>2012</td>
											<td>HD</td>
											<td class="w3-list-info"><a href="genres.html">Euro, France</a></td>
											<td class="w3-list-info"><a href="genres.html">Thriller, Crime, Drama</a></td>
											<td>8.2</td>
										  </tr>
										</tbody>
										<script type="text/javascript">
												var data = [];
												$.get('./data/cha9.json',function(responseText,responseState,responseObj){
														console.log(responseText.data);
														data = responseText.data;
														var str = "";
														for(var i in data){
															var picurl = data[i].picurl;
															var status = data[i].status;
															var tuan_price = data[i].tuan_price;
															var title = data[i].title;
															var oprice = data[i].oprice;
															var join_number = data[i].join_number;
															var max = data[i].residue;
															str += `<tr>
																				<td>`+i+`</td>
																				<td class="w3-list-img"><a href="single.html"><img src=`+picurl+` alt="" /> <span>精品茶叶</span></a></td>
																				<td>`+oprice+`</td>
																				<td>`+title+`</td>
																				<td class="w3-list-info"><a href="genres.html">`+tuan_price+`</a></td>
																				<td class="w3-list-info"><a href="comedy.html">`+join_number+`</a></td>
																				<td>`+status+`</td>
																				<td>`+max+`</td>
																			</tr>`
														}
														$("#tb7").html(str)

												})
										</script>
									</table>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane fade" id="g" aria-labelledby="g-tab">
								<div class="agile-news-table">
									<div class="w3ls-news-result">
										<h4>查询G类<span>12</span></h4>
									</div>
									<table id="table-breakpoint7">
										<thead>
											<tr>
 												 <th>数字标号</th>
 												 <th>图片</th>
 												 <th>价格</th>
 												 <th>茶叶名字</th>
 												 <th>团购</th>
 												 <th>已卖出</th>
 												 <th>类型</th>
 												 <th>活动剩余天数</th>
 										 </tr>
										</thead>
										<tbody id="tb8">
										  <tr>
											<td>1</td>
											<td class="w3-list-img"><a href="single.html"><img src="images/n1.jpg" alt="" /> <span>01 Ben-Hur</span></a></td>
											<td>2013</td>
											<td>HD</td>
											<td class="w3-list-info"><a href="genres.html">United Kingdom</a></td>
											<td class="w3-list-info"><a href="genres.html">Comedy, Drama</a></td>
											<td>7.0</td>
										  </tr>

										</tbody>
										<script type="text/javascript">
												var data = [];
												$.get('./data/cha4.json',function(responseText,responseState,responseObj){
														console.log(responseText.data);
														data = responseText.data;
														var str = "";
														for(var i in data){
															var picurl = data[i].picurl;
															var status = data[i].status;
															var tuan_price = data[i].tuan_price;
															var title = data[i].title;
															var oprice = data[i].oprice;
															var join_number = data[i].join_number;
															var max = data[i].residue;
															str += `<tr>
																				<td>`+i+`</td>
																				<td class="w3-list-img"><a href="single.html"><img src=`+picurl+` alt="" /> <span>精品茶叶</span></a></td>
																				<td>`+oprice+`</td>
																				<td>`+title+`</td>
																				<td class="w3-list-info"><a href="genres.html">`+tuan_price+`</a></td>
																				<td class="w3-list-info"><a href="comedy.html">`+join_number+`</a></td>
																				<td>`+status+`</td>
																				<td>`+max+`</td>
																			</tr>`
														}
														$("#tb8").html(str)

												})
										</script>
									</table>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane fade" id="h" aria-labelledby="h-tab">
								<div class="agile-news-table">
									<div class="w3ls-news-result">
										<h4>查询H类<span>12</span></h4>
									</div>
									<table id="table-breakpoint8">
										<thead>
											<tr>
 												 <th>数字标号</th>
 												 <th>图片</th>
 												 <th>价格</th>
 												 <th>茶叶名字</th>
 												 <th>团购</th>
 												 <th>已卖出</th>
 												 <th>类型</th>
 												 <th>活动剩余天数</th>
 										 </tr>
										</thead>
										<tbody id="tb9">
										  <tr>
											<td>1</td>
											<td class="w3-list-img"><a href="single.html"><img src="images/n3.jpg" alt="" /> <span>2 Sausage Party</span></a></td>
											<td>2013</td>
											<td>HD</td>
											<td class="w3-list-info"><a href="genres.html">United Kingdom</a></td>
											<td class="w3-list-info"><a href="genres.html">Comedy, Drama</a></td>
											<td>7.0</td>
										  </tr>

										</tbody>
										<script type="text/javascript">
												var data = [];
												$.get('./data/cha5.json',function(responseText,responseState,responseObj){
														console.log(responseText.data);
														data = responseText.data;
														var str = "";
														for(var i in data){
															var picurl = data[i].picurl;
															var status = data[i].status;
															var tuan_price = data[i].tuan_price;
															var title = data[i].title;
															var oprice = data[i].oprice;
															var join_number = data[i].join_number;
															var max = data[i].residue;
															str += `<tr>
																				<td>`+i+`</td>
																				<td class="w3-list-img"><a href="single.html"><img src=`+picurl+` alt="" /> <span>精品茶叶</span></a></td>
																				<td>`+oprice+`</td>
																				<td>`+title+`</td>
																				<td class="w3-list-info"><a href="genres.html">`+tuan_price+`</a></td>
																				<td class="w3-list-info"><a href="comedy.html">`+join_number+`</a></td>
																				<td>`+status+`</td>
																				<td>`+max+`</td>
																			</tr>`
														}
														$("#tb9").html(str)

												})
										</script>
									</table>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane fade" id="i" aria-labelledby="i-tab">
								<div class="agile-news-table">
									<div class="w3ls-news-result">
										<h4>查询I类<span>12</span></h4>
									</div>
									<table id="table-breakpoint9">
										<thead>
											<tr>
 												 <th>数字标号</th>
 												 <th>图片</th>
 												 <th>价格</th>
 												 <th>茶叶名字</th>
 												 <th>团购</th>
 												 <th>已卖出</th>
 												 <th>类型</th>
 												 <th>活动剩余天数</th>
 										 </tr>
										</thead>
										<tbody id="tb10">
										  <tr>
											<td>1</td>
											<td class="w3-list-img"><a href="single.html"><img src="images/n1.jpg" alt="" /> <span>01 Ben-Hur</span></a></td>
											<td>2013</td>
											<td>HD</td>
											<td class="w3-list-info"><a href="genres.html">United Kingdom</a></td>
											<td class="w3-list-info"><a href="genres.html">Comedy, Drama</a></td>
											<td>7.0</td>
										  </tr>

										</tbody>
										<script type="text/javascript">
												var data = [];
												$.get('./data/cha6.json',function(responseText,responseState,responseObj){
														console.log(responseText.data);
														data = responseText.data;
														var str = "";
														for(var i in data){
															var picurl = data[i].picurl;
															var status = data[i].status;
															var tuan_price = data[i].tuan_price;
															var title = data[i].title;
															var oprice = data[i].oprice;
															var join_number = data[i].join_number;
															var max = data[i].residue;
															str += `<tr>
																				<td>`+i+`</td>
																				<td class="w3-list-img"><a href="single.html"><img src=`+picurl+` alt="" /> <span>精品茶叶</span></a></td>
																				<td>`+oprice+`</td>
																				<td>`+title+`</td>
																				<td class="w3-list-info"><a href="genres.html">`+tuan_price+`</a></td>
																				<td class="w3-list-info"><a href="comedy.html">`+join_number+`</a></td>
																				<td>`+status+`</td>
																				<td>`+max+`</td>
																			</tr>`
														}
														$("#tb10").html(str)

												})
										</script>
									</table>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane fade" id="j" aria-labelledby="j-tab">
								<div class="agile-news-table">
									<div class="w3ls-news-result">
										<h4>查询J类<span>12</span></h4>
									</div>
									<table id="table-breakpoint10">
										<thead>
											<tr>
 												<th>数字标号</th>
 												<th>图片</th>
 												<th>价格</th>
 												<th>茶叶名字</th>
 												<th>团购</th>
 												<th>已卖出</th>
 												<th>类型</th>
 												<th>活动剩余天数</th>
 										</tr>
										</thead>
										<tbody id="tb11">
										  <tr>
											<td>1</td>
											<td class="w3-list-img"><a href="single.html"><img src="images/n10.jpg" alt="" /> <span>01 Independence Day</span></a></td>
											<td>2013</td>
											<td>HD</td>
											<td class="w3-list-info"><a href="genres.html">United Kingdom</a></td>
											<td class="w3-list-info"><a href="genres.html">Comedy, Drama</a></td>
											<td>7.0</td>
										  </tr>

										</tbody>
										<script type="text/javascript">
												var data = [];
												$.get('./data/cha9.json',function(responseText,responseState,responseObj){
														console.log(responseText.data);
														data = responseText.data;
														var str = "";
														for(var i in data){
															var picurl = data[i].picurl;
															var status = data[i].status;
															var tuan_price = data[i].tuan_price;
															var title = data[i].title;
															var oprice = data[i].oprice;
															var join_number = data[i].join_number;
															var max = data[i].residue;
															str += `<tr>
																				<td>`+i+`</td>
																				<td class="w3-list-img"><a href="single.html"><img src=`+picurl+` alt="" /> <span>精品茶叶</span></a></td>
																				<td>`+oprice+`</td>
																				<td>`+title+`</td>
																				<td class="w3-list-info"><a href="genres.html">`+tuan_price+`</a></td>
																				<td class="w3-list-info"><a href="comedy.html">`+join_number+`</a></td>
																				<td>`+status+`</td>
																				<td>`+max+`</td>
																			</tr>`
														}
														$("#tb11").html(str)

												})
										</script>
									</table>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane fade" id="k" aria-labelledby="k-tab">
								<div class="agile-news-table">
									<div class="w3ls-news-result">
										<h4>查询K类<span>12</span></h4>
									</div>
									<table id="table-breakpoint11">
										<thead>
											<tr>
 												<th>数字标号</th>
 												<th>图片</th>
 												<th>价格</th>
 												<th>茶叶名字</th>
 												<th>团购</th>
 												<th>已卖出</th>
 												<th>类型</th>
 												<th>活动剩余天数</th>
 										</tr>
										</thead>
										<tbody id="tb12">
										  <tr>
											<td>1</td>
											<td class="w3-list-img"><a href="single.html"><img src="images/n11.jpg" alt="" /> <span>12 Bad Moms</span></a></td>
											<td>2010</td>
											<td>SD</td>
											<td class="w3-list-info"><a href="genres.html">United Kingdom</a></td>
											<td class="w3-list-info"><a href="genres.html">Comedy</a></td>
											<td>6.5</td>
										  </tr>

										</tbody>
										<script type="text/javascript">
												var data = [];
												$.get('./data/cha6.json',function(responseText,responseState,responseObj){
														console.log(responseText.data);
														data = responseText.data;
														var str = "";
														for(var i in data){
															var picurl = data[i].picurl;
															var status = data[i].status;
															var tuan_price = data[i].tuan_price;
															var title = data[i].title;
															var oprice = data[i].oprice;
															var join_number = data[i].join_number;
															var max = data[i].residue;
															str += `<tr>
																				<td>`+i+`</td>
																				<td class="w3-list-img"><a href="single.html"><img src=`+picurl+` alt="" /> <span>精品茶叶</span></a></td>
																				<td>`+oprice+`</td>
																				<td>`+title+`</td>
																				<td class="w3-list-info"><a href="genres.html">`+tuan_price+`</a></td>
																				<td class="w3-list-info"><a href="comedy.html">`+join_number+`</a></td>
																				<td>`+status+`</td>
																				<td>`+max+`</td>
																			</tr>`
														}
														$("#tb12").html(str)

												})
										</script>
									</table>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane fade" id="l" aria-labelledby="l-tab">
								<div class="agile-news-table">
									<div class="w3ls-news-result">
										<h4>查询L类<span>12</span></h4>
									</div>
									<table id="table-breakpoint12">
										<thead>
											<tr>
 											 <th>数字标号</th>
 											 <th>图片</th>
 											 <th>价格</th>
 											 <th>茶叶名字</th>
 											 <th>团购</th>
 											 <th>已卖出</th>
 											 <th>类型</th>
 											 <th>活动剩余天数</th>
 									 </tr>
										</thead>
										<tbody id="tb13">
										  <tr>
											<td>1</td>
											<td class="w3-list-img"><a href="single.html"><img src="images/n6.jpg" alt="" /> <span>001 The Secret Life of Pets</span></a></td>
											<td>2012</td>
											<td>HD</td>
											<td class="w3-list-info"><a href="genres.html">Euro, France</a></td>
											<td class="w3-list-info"><a href="genres.html">Thriller, Crime, Drama</a></td>
											<td>8.2</td>
										  </tr>
										</tbody>
										<script type="text/javascript">
												var data = [];
												$.get('./data/cha3.json',function(responseText,responseState,responseObj){
														console.log(responseText.data);
														data = responseText.data;
														var str = "";
														for(var i in data){
															var picurl = data[i].picurl;
															var status = data[i].status;
															var tuan_price = data[i].tuan_price;
															var title = data[i].title;
															var oprice = data[i].oprice;
															var join_number = data[i].join_number;
															var max = data[i].residue;
															str += `<tr>
																				<td>`+i+`</td>
																				<td class="w3-list-img"><a href="single.html"><img src=`+picurl+` alt="" /> <span>精品茶叶</span></a></td>
																				<td>`+oprice+`</td>
																				<td>`+title+`</td>
																				<td class="w3-list-info"><a href="genres.html">`+tuan_price+`</a></td>
																				<td class="w3-list-info"><a href="comedy.html">`+join_number+`</a></td>
																				<td>`+status+`</td>
																				<td>`+max+`</td>
																			</tr>`
														}
														$("#tb13").html(str)

												})
										</script>
									</table>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane fade" id="m" aria-labelledby="m-tab">
								<div class="agile-news-table">
									<div class="w3ls-news-result">
										<h4>查询M类<span>12</span></h4>
									</div>
									<table id="table-breakpoint13">
										<thead>
											<tr>
	 											 <th>数字标号</th>
	 											 <th>图片</th>
	 											 <th>价格</th>
	 											 <th>茶叶名字</th>
	 											 <th>团购</th>
	 											 <th>已卖出</th>
	 											 <th>类型</th>
	 											 <th>活动剩余天数</th>
 									 		</tr>
										</thead>
										<tbody id="tb14">
										  <tr>
											<td>1</td>
											<td class="w3-list-img"><a href="single.html"><img src="images/n1.jpg" alt="" /> <span>01 Ben-Hur</span></a></td>
											<td>2013</td>
											<td>HD</td>
											<td class="w3-list-info"><a href="genres.html">United Kingdom</a></td>
											<td class="w3-list-info"><a href="genres.html">Comedy, Drama</a></td>
											<td>7.0</td>
										  </tr>

										</tbody>
										<script type="text/javascript">
												var data = [];
												$.get('./data/cha4.json',function(responseText,responseState,responseObj){
														console.log(responseText.data);
														data = responseText.data;
														var str = "";
														for(var i in data){
															var picurl = data[i].picurl;
															var status = data[i].status;
															var tuan_price = data[i].tuan_price;
															var title = data[i].title;
															var oprice = data[i].oprice;
															var join_number = data[i].join_number;
															var max = data[i].residue;
															str += `<tr>
																				<td>`+i+`</td>
																				<td class="w3-list-img"><a href="single.html"><img src=`+picurl+` alt="" /> <span>精品茶叶</span></a></td>
																				<td>`+oprice+`</td>
																				<td>`+title+`</td>
																				<td class="w3-list-info"><a href="genres.html">`+tuan_price+`</a></td>
																				<td class="w3-list-info"><a href="comedy.html">`+join_number+`</a></td>
																				<td>`+status+`</td>
																				<td>`+max+`</td>
																			</tr>`
														}
														$("#tb14").html(str)

												})
										</script>
									</table>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane fade" id="n" aria-labelledby="n-tab">
								<div class="agile-news-table">
									<div class="w3ls-news-result">
										<h4>查询N类<span>12</span></h4>
									</div>
									<table id="table-breakpoint14">
										<thead>
											<tr>
	 											 <th>数字标号</th>
	 											 <th>图片</th>
	 											 <th>价格</th>
	 											 <th>茶叶名字</th>
	 											 <th>团购</th>
	 											 <th>已卖出</th>
	 											 <th>类型</th>
	 											 <th>活动剩余天数</th>
 									 		</tr>
										</thead>
										<tbody id="tb15">
										  <tr>
											<td>1</td>
											<td class="w3-list-img"><a href="single.html"><img src="images/n3.jpg" alt="" /> <span>2 Sausage Party</span></a></td>
											<td>2013</td>
											<td>HD</td>
											<td class="w3-list-info"><a href="genres.html">United Kingdom</a></td>
											<td class="w3-list-info"><a href="genres.html">Comedy, Drama</a></td>
											<td>7.0</td>
										  </tr>

										</tbody>
										<script type="text/javascript">
												var data = [];
												$.get('./data/cha6.json',function(responseText,responseState,responseObj){
														console.log(responseText.data);
														data = responseText.data;
														var str = "";
														for(var i in data){
															var picurl = data[i].picurl;
															var status = data[i].status;
															var tuan_price = data[i].tuan_price;
															var title = data[i].title;
															var oprice = data[i].oprice;
															var join_number = data[i].join_number;
															var max = data[i].residue;
															str += `<tr>
																				<td>`+i+`</td>
																				<td class="w3-list-img"><a href="single.html"><img src=`+picurl+` alt="" /> <span>精品茶叶</span></a></td>
																				<td>`+oprice+`</td>
																				<td>`+title+`</td>
																				<td class="w3-list-info"><a href="genres.html">`+tuan_price+`</a></td>
																				<td class="w3-list-info"><a href="comedy.html">`+join_number+`</a></td>
																				<td>`+status+`</td>
																				<td>`+max+`</td>
																			</tr>`
														}
														$("#tb15").html(str)

												})
										</script>
									</table>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane fade" id="o" aria-labelledby="o-tab">
								<div class="agile-news-table">
									<div class="w3ls-news-result">
										<h4>查询O类<span>12</span></h4>
									</div>
									<table id="table-breakpoint15">
										<thead>
											<tr>
	 											 <th>数字标号</th>
	 											 <th>图片</th>
	 											 <th>价格</th>
	 											 <th>茶叶名字</th>
	 											 <th>团购</th>
	 											 <th>已卖出</th>
	 											 <th>类型</th>
	 											 <th>活动剩余天数</th>
 									 		</tr>
										</thead>
										<tbody id="tb16">
										  <tr>
											<td>1</td>
											<td class="w3-list-img"><a href="single.html"><img src="images/n1.jpg" alt="" /> <span>01 Ben-Hur</span></a></td>
											<td>2013</td>
											<td>HD</td>
											<td class="w3-list-info"><a href="genres.html">United Kingdom</a></td>
											<td class="w3-list-info"><a href="genres.html">Comedy, Drama</a></td>
											<td>7.0</td>
										  </tr>

										</tbody>
										<script type="text/javascript">
												var data = [];
												$.get('./data/cha4.json',function(responseText,responseState,responseObj){
														console.log(responseText.data);
														data = responseText.data;
														var str = "";
														for(var i in data){
															var picurl = data[i].picurl;
															var status = data[i].status;
															var tuan_price = data[i].tuan_price;
															var title = data[i].title;
															var oprice = data[i].oprice;
															var join_number = data[i].join_number;
															var max = data[i].residue;
															str += `<tr>
																				<td>`+i+`</td>
																				<td class="w3-list-img"><a href="single.html"><img src=`+picurl+` alt="" /> <span>精品茶叶</span></a></td>
																				<td>`+oprice+`</td>
																				<td>`+title+`</td>
																				<td class="w3-list-info"><a href="genres.html">`+tuan_price+`</a></td>
																				<td class="w3-list-info"><a href="comedy.html">`+join_number+`</a></td>
																				<td>`+status+`</td>
																				<td>`+max+`</td>
																			</tr>`
														}
														$("#tb16").html(str)

												})
										</script>
									</table>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane fade" id="p" aria-labelledby="p-tab">
								<div class="agile-news-table">
									<div class="w3ls-news-result">
										<h4>查询P类<span>12</span></h4>
									</div>
									<table id="table-breakpoint16">
										<thead>
											<tr>
	 											 <th>数字标号</th>
	 											 <th>图片</th>
	 											 <th>价格</th>
	 											 <th>茶叶名字</th>
	 											 <th>团购</th>
	 											 <th>已卖出</th>
	 											 <th>类型</th>
	 											 <th>活动剩余天数</th>
 									 		</tr>
										</thead>
										<tbody id="tb17">
										  <tr>
											<td>1</td>
											<td class="w3-list-img"><a href="single.html"><img src="images/n11.jpg" alt="" /> <span>12 Bad Moms</span></a></td>
											<td>2010</td>
											<td>SD</td>
											<td class="w3-list-info"><a href="genres.html">United Kingdom</a></td>
											<td class="w3-list-info"><a href="genres.html">Comedy</a></td>
											<td>6.5</td>
										  </tr>

										</tbody>
										<script type="text/javascript">
												var data = [];
												$.get('./data/cha7.json',function(responseText,responseState,responseObj){
														console.log(responseText.data);
														data = responseText.data;
														var str = "";
														for(var i in data){
															var picurl = data[i].picurl;
															var status = data[i].status;
															var tuan_price = data[i].tuan_price;
															var title = data[i].title;
															var oprice = data[i].oprice;
															var join_number = data[i].join_number;
															var max = data[i].residue;
															str += `<tr>
																				<td>`+i+`</td>
																				<td class="w3-list-img"><a href="single.html"><img src=`+picurl+` alt="" /> <span>精品茶叶</span></a></td>
																				<td>`+oprice+`</td>
																				<td>`+title+`</td>
																				<td class="w3-list-info"><a href="genres.html">`+tuan_price+`</a></td>
																				<td class="w3-list-info"><a href="comedy.html">`+join_number+`</a></td>
																				<td>`+status+`</td>
																				<td>`+max+`</td>
																			</tr>`
														}
														$("#tb17").html(str)

												})
										</script>
									</table>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane fade" id="q" aria-labelledby="q-tab">
								<div class="agile-news-table">
									<div class="w3ls-news-result">
										<h4>查询Q类<span>12</span></h4>
									</div>
									<table id="table-breakpoint17">
										<thead>
											<tr>
	 											 <th>数字标号</th>
	 											 <th>图片</th>
	 											 <th>价格</th>
	 											 <th>茶叶名字</th>
	 											 <th>团购</th>
	 											 <th>已卖出</th>
	 											 <th>类型</th>
	 											 <th>活动剩余天数</th>
 									 		</tr>
										</thead>
										<tbody id="tb18">
										  <tr>
											<td>1</td>
											<td class="w3-list-img"><a href="single.html"><img src="images/n1.jpg" alt="" /> <span>01 Ben-Hur</span></a></td>
											<td>2013</td>
											<td>HD</td>
											<td class="w3-list-info"><a href="genres.html">United Kingdom</a></td>
											<td class="w3-list-info"><a href="genres.html">Comedy, Drama</a></td>
											<td>7.0</td>
										  </tr>
										</tbody>
										<script type="text/javascript">
												var data = [];
												$.get('./data/cha9.json',function(responseText,responseState,responseObj){
														console.log(responseText.data);
														data = responseText.data;
														var str = "";
														for(var i in data){
															var picurl = data[i].picurl;
															var status = data[i].status;
															var tuan_price = data[i].tuan_price;
															var title = data[i].title;
															var oprice = data[i].oprice;
															var join_number = data[i].join_number;
															var max = data[i].residue;
															str += `<tr>
																				<td>`+i+`</td>
																				<td class="w3-list-img"><a href="single.html"><img src=`+picurl+` alt="" /> <span>精品茶叶</span></a></td>
																				<td>`+oprice+`</td>
																				<td>`+title+`</td>
																				<td class="w3-list-info"><a href="genres.html">`+tuan_price+`</a></td>
																				<td class="w3-list-info"><a href="comedy.html">`+join_number+`</a></td>
																				<td>`+status+`</td>
																				<td>`+max+`</td>
																			</tr>`
														}
														$("#tb18").html(str)

												})
										</script>
									</table>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane fade" id="r" aria-labelledby="r-tab">
								<div class="agile-news-table">
									<div class="w3ls-news-result">
										<h4>查询R类<span>12</span></h4>
									</div>
									<table id="table-breakpoint18">
										<thead>
											<tr>
 												<th>数字标号</th>
 												<th>图片</th>
 												<th>价格</th>
 												<th>茶叶名字</th>
 												<th>团购</th>
 												<th>已卖出</th>
 												<th>类型</th>
 												<th>活动剩余天数</th>
 										 </tr>
										</thead>
										<tbody id="tb19">
										  <tr>
											<td>1</td>
											<td class="w3-list-img"><a href="single.html"><img src="images/n6.jpg" alt="" /> <span>001 The Secret Life of Pets</span></a></td>
											<td>2012</td>
											<td>HD</td>
											<td class="w3-list-info"><a href="genres.html">Euro, France</a></td>
											<td class="w3-list-info"><a href="genres.html">Thriller, Crime, Drama</a></td>
											<td>8.2</td>
										  </tr>
										</tbody>
										<script type="text/javascript">
												var data = [];
												$.get('./data/cha3.json',function(responseText,responseState,responseObj){
														console.log(responseText.data);
														data = responseText.data;
														var str = "";
														for(var i in data){
															var picurl = data[i].picurl;
															var status = data[i].status;
															var tuan_price = data[i].tuan_price;
															var title = data[i].title;
															var oprice = data[i].oprice;
															var join_number = data[i].join_number;
															var max = data[i].residue;
															str += `<tr>
																				<td>`+i+`</td>
																				<td class="w3-list-img"><a href="single.html"><img src=`+picurl+` alt="" /> <span>精品茶叶</span></a></td>
																				<td>`+oprice+`</td>
																				<td>`+title+`</td>
																				<td class="w3-list-info"><a href="genres.html">`+tuan_price+`</a></td>
																				<td class="w3-list-info"><a href="comedy.html">`+join_number+`</a></td>
																				<td>`+status+`</td>
																				<td>`+max+`</td>
																			</tr>`
														}
														$("#tb19").html(str)

												})
										</script>
									</table>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane fade" id="s" aria-labelledby="s-tab">
								<div class="agile-news-table">
									<div class="w3ls-news-result">
										<h4>查询S类<span>12</span></h4>
									</div>
									<table id="table-breakpoint19">
										<thead>
											<tr>
 												<th>数字标号</th>
 												<th>图片</th>
 												<th>价格</th>
 												<th>茶叶名字</th>
 												<th>团购</th>
 												<th>已卖出</th>
 												<th>类型</th>
 												<th>活动剩余天数</th>
 										 </tr>
										</thead>
										<tbody id="tb20">
										  <tr>
											<td>1</td>
											<td class="w3-list-img"><a href="single.html"><img src="images/n3.jpg" alt="" /> <span>2 Sausage Party</span></a></td>
											<td>2013</td>
											<td>HD</td>
											<td class="w3-list-info"><a href="genres.html">United Kingdom</a></td>
											<td class="w3-list-info"><a href="genres.html">Comedy, Drama</a></td>
											<td>7.0</td>
										  </tr>

										</tbody>
										<script type="text/javascript">
												var data = [];
												$.get('./data/cha5.json',function(responseText,responseState,responseObj){
														console.log(responseText.data);
														data = responseText.data;
														var str = "";
														for(var i in data){
															var picurl = data[i].picurl;
															var status = data[i].status;
															var tuan_price = data[i].tuan_price;
															var title = data[i].title;
															var oprice = data[i].oprice;
															var join_number = data[i].join_number;
															var max = data[i].residue;
															str += `<tr>
																				<td>`+i+`</td>
																				<td class="w3-list-img"><a href="single.html"><img src=`+picurl+` alt="" /> <span>精品茶叶</span></a></td>
																				<td>`+oprice+`</td>
																				<td>`+title+`</td>
																				<td class="w3-list-info"><a href="genres.html">`+tuan_price+`</a></td>
																				<td class="w3-list-info"><a href="comedy.html">`+join_number+`</a></td>
																				<td>`+status+`</td>
																				<td>`+max+`</td>
																			</tr>`
														}
														$("#tb20").html(str)

												})
										</script>
									</table>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane fade" id="t" aria-labelledby="t-tab">
								<div class="agile-news-table">
									<div class="w3ls-news-result">
										<h4>查询T类<span>12</span></h4>
									</div>
									<table id="table-breakpoint20">
										<thead>
											<tr>
 											 <th>数字标号</th>
 											 <th>图片</th>
 											 <th>价格</th>
 											 <th>茶叶名字</th>
 											 <th>团购</th>
 											 <th>已卖出</th>
 											 <th>类型</th>
 											 <th>活动剩余天数</th>
 										</tr>
										</thead>
										<tbody id="tb21">
										  <tr>
											<td>1</td>
											<td class="w3-list-img"><a href="single.html"><img src="images/n3.jpg" alt="" /> <span>2 Sausage Party</span></a></td>
											<td>2013</td>
											<td>HD</td>
											<td class="w3-list-info"><a href="genres.html">United Kingdom</a></td>
											<td class="w3-list-info"><a href="genres.html">Comedy, Drama</a></td>
											<td>7.0</td>
										  </tr>

										</tbody>
										<script type="text/javascript">
												var data = [];
												$.get('./data/cha6.json',function(responseText,responseState,responseObj){
														console.log(responseText.data);
														data = responseText.data;
														var str = "";
														for(var i in data){
															var picurl = data[i].picurl;
															var status = data[i].status;
															var tuan_price = data[i].tuan_price;
															var title = data[i].title;
															var oprice = data[i].oprice;
															var join_number = data[i].join_number;
															var max = data[i].residue;
															str += `<tr>
																				<td>`+i+`</td>
																				<td class="w3-list-img"><a href="single.html"><img src=`+picurl+` alt="" /> <span>精品茶叶</span></a></td>
																				<td>`+oprice+`</td>
																				<td>`+title+`</td>
																				<td class="w3-list-info"><a href="genres.html">`+tuan_price+`</a></td>
																				<td class="w3-list-info"><a href="comedy.html">`+join_number+`</a></td>
																				<td>`+status+`</td>
																				<td>`+max+`</td>
																			</tr>`
														}
														$("#tb21").html(str)

												})
										</script>
									</table>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane fade" id="u" aria-labelledby="u-tab">
								<div class="agile-news-table">
									<div class="w3ls-news-result">
										<h4>查询U类<span>12</span></h4>
									</div>
									<table id="table-breakpoint21">
										<thead>
											<tr>
 											<th>数字标号</th>
 											<th>图片</th>
 											<th>价格</th>
 											<th>茶叶名字</th>
 											<th>团购</th>
 											<th>已卖出</th>
 											<th>类型</th>
 											<th>活动剩余天数</th>
 									 </tr>
										</thead>
										<tbody id="tb22">
										  <tr>
											<td>1</td>
											<td class="w3-list-img"><a href="single.html"><img src="" alt="" /> <span>01 Ben-Hur</span></a></td>
											<td>2013</td>
											<td>HD</td>
											<td class="w3-list-info"><a href="genres.html">United Kingdom</a></td>
											<td class="w3-list-info"><a href="genres.html">Comedy, Drama</a></td>
											<td>7.0</td>
										  </tr>

										</tbody>
										<script type="text/javascript">
												var data = [];
												$.get('./data/cha7.json',function(responseText,responseState,responseObj){
														console.log(responseText.data);
														data = responseText.data;
														var str = "";
														for(var i in data){
															var picurl = data[i].picurl;
															var status = data[i].status;
															var tuan_price = data[i].tuan_price;
															var title = data[i].title;
															var oprice = data[i].oprice;
															var join_number = data[i].join_number;
															var max = data[i].residue;
															str += `<tr>
																				<td>`+i+`</td>
																				<td class="w3-list-img"><a href="single.html"><img src=`+picurl+` alt="" /> <span>精品茶叶</span></a></td>
																				<td>`+oprice+`</td>
																				<td>`+title+`</td>
																				<td class="w3-list-info"><a href="genres.html">`+tuan_price+`</a></td>
																				<td class="w3-list-info"><a href="comedy.html">`+join_number+`</a></td>
																				<td>`+status+`</td>
																				<td>`+max+`</td>
																			</tr>`
														}
														$("#tb22").html(str)

												})
										</script>
									</table>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane fade" id="v" aria-labelledby="v-tab">
								<div class="agile-news-table">
									<div class="w3ls-news-result">
										<h4>查询V类<span>12</span></h4>
									</div>
									<table id="table-breakpoint22">
										<thead>
											<tr>
 											<th>数字标号</th>
 											<th>图片</th>
 											<th>价格</th>
 											<th>茶叶名字</th>
 											<th>团购</th>
 											<th>已卖出</th>
 											<th>类型</th>
 											<th>活动剩余天数</th>
 									 </tr>
										</thead>
										<tbody id="tb23">
										  <tr>
											<td>1</td>
											<td class="w3-list-img"><a href="single.html"><img src="images/n11.jpg" alt="" /> <span>12 Bad Moms</span></a></td>
											<td>2010</td>
											<td>SD</td>
											<td class="w3-list-info"><a href="genres.html">United Kingdom</a></td>
											<td class="w3-list-info"><a href="genres.html">Comedy</a></td>
											<td>6.5</td>
										  </tr>

										</tbody>
										<script type="text/javascript">
												var data = [];
												$.get('./data/cha8.json',function(responseText,responseState,responseObj){
														console.log(responseText.data);
														data = responseText.data;
														var str = "";
														for(var i in data){
															var picurl = data[i].picurl;
															var status = data[i].status;
															var tuan_price = data[i].tuan_price;
															var title = data[i].title;
															var oprice = data[i].oprice;
															var join_number = data[i].join_number;
															var max = data[i].residue;
															str += `<tr>
																				<td>`+i+`</td>
																				<td class="w3-list-img"><a href="single.html"><img src=`+picurl+` alt="" /> <span>精品茶叶</span></a></td>
																				<td>`+oprice+`</td>
																				<td>`+title+`</td>
																				<td class="w3-list-info"><a href="genres.html">`+tuan_price+`</a></td>
																				<td class="w3-list-info"><a href="comedy.html">`+join_number+`</a></td>
																				<td>`+status+`</td>
																				<td>`+max+`</td>
																			</tr>`
														}
														$("#tb23").html(str)

												})
										</script>
									</table>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane fade" id="w" aria-labelledby="w-tab">
								<div class="agile-news-table">
									<div class="w3ls-news-result">
										<h4>查询W类<span>12</span></h4>
									</div>
									<table id="table-breakpoint23">
										<thead>
											<tr>
 											<th>数字标号</th>
 											<th>图片</th>
 											<th>价格</th>
 											<th>茶叶名字</th>
 											<th>团购</th>
 											<th>已卖出</th>
 											<th>类型</th>
 											<th>活动剩余天数</th>
 									 </tr>
										</thead>
										<tbody id="tb24">
										  <tr>
											<td>1</td>
											<td class="w3-list-img"><a href="single.html"><img src="images/n1.jpg" alt="" /> <span>01 Ben-Hur</span></a></td>
											<td>2013</td>
											<td>HD</td>
											<td class="w3-list-info"><a href="genres.html">United Kingdom</a></td>
											<td class="w3-list-info"><a href="genres.html">Comedy, Drama</a></td>
											<td>7.0</td>
										  </tr>
										</tbody>
										<script type="text/javascript">
												var data = [];
												$.get('./data/cha9.json',function(responseText,responseState,responseObj){
														console.log(responseText.data);
														data = responseText.data;
														var str = "";
														for(var i in data){
															var picurl = data[i].picurl;
															var status = data[i].status;
															var tuan_price = data[i].tuan_price;
															var title = data[i].title;
															var oprice = data[i].oprice;
															var join_number = data[i].join_number;
															var max = data[i].residue;
															str += `<tr>
																				<td>`+i+`</td>
																				<td class="w3-list-img"><a href="single.html"><img src=`+picurl+` alt="" /> <span>精品茶叶</span></a></td>
																				<td>`+oprice+`</td>
																				<td>`+title+`</td>
																				<td class="w3-list-info"><a href="genres.html">`+tuan_price+`</a></td>
																				<td class="w3-list-info"><a href="comedy.html">`+join_number+`</a></td>
																				<td>`+status+`</td>
																				<td>`+max+`</td>
																			</tr>`
														}
														$("#tb24").html(str)

												})
										</script>
									</table>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane fade" id="x" aria-labelledby="x-tab">
								<div class="agile-news-table">
									<div class="w3ls-news-result">
										<h4>查询X类<span>12</span></h4>
									</div>
									<table id="table-breakpoint24">
										<thead>
											<tr>
 											<th>数字标号</th>
 											<th>图片</th>
 											<th>价格</th>
 											<th>茶叶名字</th>
 											<th>团购</th>
 											<th>已卖出</th>
 											<th>类型</th>
 											<th>活动剩余天数</th>
 									 </tr>
										</thead>
										<tbody id="tb25">
										  <tr>
											<td>1</td>
											<td class="w3-list-img"><a href="single.html"><img src="images/n6.jpg" alt="" /> <span>001 The Secret Life of Pets</span></a></td>
											<td>2012</td>
											<td>HD</td>
											<td class="w3-list-info"><a href="genres.html">Euro, France</a></td>
											<td class="w3-list-info"><a href="genres.html">Thriller, Crime, Drama</a></td>
											<td>8.2</td>
										  </tr>
										</tbody>
										<script type="text/javascript">
												var data = [];
												$.get('./data/cha4.json',function(responseText,responseState,responseObj){
														console.log(responseText.data);
														data = responseText.data;
														var str = "";
														for(var i in data){
															var picurl = data[i].picurl;
															var status = data[i].status;
															var tuan_price = data[i].tuan_price;
															var title = data[i].title;
															var oprice = data[i].oprice;
															var join_number = data[i].join_number;
															var max = data[i].residue;
															str += `<tr>
																				<td>`+i+`</td>
																				<td class="w3-list-img"><a href="single.html"><img src=`+picurl+` alt="" /> <span>精品茶叶</span></a></td>
																				<td>`+oprice+`</td>
																				<td>`+title+`</td>
																				<td class="w3-list-info"><a href="genres.html">`+tuan_price+`</a></td>
																				<td class="w3-list-info"><a href="comedy.html">`+join_number+`</a></td>
																				<td>`+status+`</td>
																				<td>`+max+`</td>
																			</tr>`
														}
														$("#tb25").html(str)

												})
										</script>
									</table>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane fade" id="y" aria-labelledby="y-tab">
								<div class="agile-news-table">
									<div class="w3ls-news-result">
										<h4>查询Y类<span>12</span></h4>
									</div>
									<table id="table-breakpoint25">
										<thead>
											<tr>
 											<th>数字标号</th>
 											<th>图片</th>
 											<th>价格</th>
 											<th>茶叶名字</th>
 											<th>团购</th>
 											<th>已卖出</th>
 											<th>类型</th>
 											<th>活动剩余天数</th>
 									 </tr>
										</thead>
										<tbody id="tb26">
										  <tr>
											<td>1</td>
											<td class="w3-list-img"><a href="single.html"><img src="images/n3.jpg" alt="" /> <span>2 Sausage Party</span></a></td>
											<td>2013</td>
											<td>HD</td>
											<td class="w3-list-info"><a href="genres.html">United Kingdom</a></td>
											<td class="w3-list-info"><a href="genres.html">Comedy, Drama</a></td>
											<td>7.0</td>
										  </tr>

										</tbody>
										<script type="text/javascript">
												var data = [];
												$.get('./data/cha5.json',function(responseText,responseState,responseObj){
														console.log(responseText.data);
														data = responseText.data;
														var str = "";
														for(var i in data){
															var picurl = data[i].picurl;
															var status = data[i].status;
															var tuan_price = data[i].tuan_price;
															var title = data[i].title;
															var oprice = data[i].oprice;
															var join_number = data[i].join_number;
															var max = data[i].residue;
															str += `<tr>
																				<td>`+i+`</td>
																				<td class="w3-list-img"><a href="single.html"><img src=`+picurl+` alt="" /> <span>精品茶叶</span></a></td>
																				<td>`+oprice+`</td>
																				<td>`+title+`</td>
																				<td class="w3-list-info"><a href="genres.html">`+tuan_price+`</a></td>
																				<td class="w3-list-info"><a href="comedy.html">`+join_number+`</a></td>
																				<td>`+status+`</td>
																				<td>`+max+`</td>
																			</tr>`
														}
														$("#tb26").html(str)

												})
										</script>
									</table>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane fade" id="z" aria-labelledby="z-tab">
								<div class="agile-news-table">
									<div class="w3ls-news-result">
										<h4>查询z类<span>12</span></h4>
									</div>
									<table id="table-breakpoint26">
										<thead>
											<tr>
 										 <th>数字标号</th>
 										 <th>图片</th>
 										 <th>价格</th>
 										 <th>茶叶名字</th>
 										 <th>团购</th>
 										 <th>已卖出</th>
 										 <th>类型</th>
 										 <th>活动剩余天数</th>
 									</tr>
										</thead>
										<tbody id="tb27">
										  <tr>
											<td>1</td>
											<td class="w3-list-img"><a href="single.html"><img src="images/n1.jpg" alt="" /> <span>01 Ben-Hur</span></a></td>
											<td>2013</td>
											<td>HD</td>
											<td class="w3-list-info"><a href="genres.html">United Kingdom</a></td>
											<td class="w3-list-info"><a href="genres.html">Comedy, Drama</a></td>
											<td>7.0</td>
										  </tr>

										</tbody>
										<script type="text/javascript">
												var data = [];
												$.get('./data/cha7.json',function(responseText,responseState,responseObj){
														console.log(responseText.data);
														data = responseText.data;
														var str = "";
														for(var i in data){
															var picurl = data[i].picurl;
															var status = data[i].status;
															var tuan_price = data[i].tuan_price;
															var title = data[i].title;
															var oprice = data[i].oprice;
															var join_number = data[i].join_number;
															var max = data[i].residue;
															str += `<tr>
																				<td>`+i+`</td>
																				<td class="w3-list-img"><a href="single.html"><img src=`+picurl+` alt="" /> <span>精品茶叶</span></a></td>
																				<td>`+oprice+`</td>
																				<td>`+title+`</td>
																				<td class="w3-list-info"><a href="genres.html">`+tuan_price+`</a></td>
																				<td class="w3-list-info"><a href="comedy.html">`+join_number+`</a></td>
																				<td>`+status+`</td>
																				<td>`+max+`</td>
																			</tr>`
														}
														$("#tb27").html(str)

												})
										</script>
									</table>
								</div>
							</div>
						</div>
				</div>
			</div>
	</div>
	<div class="footer">
		<div class="container">
			<div class="w3ls_footer_grid">
				<div class="col-md-6 w3ls_footer_grid_left">
					<div class="w3ls_footer_grid_left1">
						<h2>订阅</h2>
						<div class="w3ls_footer_grid_left1_pos">
							<form action="#" method="post">
								<input type="email" name="email" placeholder="电子邮箱" required="">
								<input type="submit" value="Send">
							</form>
						</div>
					</div>
				</div>
				<div class="col-md-6 w3ls_footer_grid_right">
					<a href="index.html"><h2>Tea<span>天马茗茶</span></h2></a>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="col-md-5 w3ls_footer_grid1_left">
				<p>1314011225   13190b08  中北大学毕业设计</p>
			</div>
			<div class="col-md-7 w3ls_footer_grid1_right">
				<ul>
					<li>
						<a href="genres.html">茶叶</a>
					</li>
					<li>
						<a href="faq.html">帮助</a>
					</li>
					<li>
						<a href="horror.html">关于我们</a>
					</li>
					<li>
						<a href="contact.html">联系我们</a>
					</li>
				</ul>
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
	<script src="js/bootstrap.min.js"></script>
	<script>
	$(document).ready(function(){
		$(".dropdown").hover(
				function() {
						$('.dropdown-menu', this).stop( true, true ).slideDown("fast");
						$(this).toggleClass('open');
				},
				function() {
						$('.dropdown-menu', this).stop( true, true ).slideUp("fast");
						$(this).toggleClass('open');
				}
		);
	});
	</script>
	<script type="text/javascript">
		$(document).ready(function() {
			$().UItoTop({ easingType: 'easeOutQuart' });

			});
	</script>
</body>
</html>
